大家好,又見面了,我是肉鬆。
一位喜愛傑尼龜的前端工程師,傑尼、傑尼。
透過官網首頁的描述,我們可以得知:
讓我們透過一個簡單的範例說明類型語法。
const num = 10;
上方是一般用於 JavaScript 宣告變數的寫法。
const num: number = 10;
上方是透過 TypeScript 的類型註解特性,明確將變數類型指定為 number,強制 num 只能是數字型別的值。
首先我們要先知道 JavaScript 是一種弱型別語言,什麼意思呢?
意味在 JavaScript 中,變數型別可以在運行時做更改,並且變數可以有不同型別的值。
讓我們透過一個簡單的範例比較強型別與弱型別。
let num = 10;
console.log(num); // 輸出 10
num = '肉鬆';
console.log(num); // 輸出 '肉鬆'
JavaScript 很靈活,可以看到一開始 num 的型別是 number,當變數被重新賦予值型別變成 string,
因為變數的型別不是固定的,進而衍伸潛在的型別問題。
let num: number = 10;
console.log(num); // 輸出 10
num = '肉鬆';
console.log(num); // 錯誤,不能將字串型別賦予給數字型別的變數
開頭我們有提到 TypeScript 是一個強型別語言,宣告變數時要明確指定型別,
意味著變數的型別是固定的,解決上述提及潛在的型別問題,並提高程式碼的可維護性和可讀性。
這是我第二次參加 iT 鐵人賽,我選擇了 TypeScript 作為主題,
藉由這次機會,我希望能夠讓大家深入了解 JavaScript 和 TypeScript 之間的差異,
讓我們一起探索 TypeScript 魔法,喚醒你的程式碼靈感吧!